<template>
  <div class="father">
    father {{songirl}}
    <!-- 1.2 父组件通过v-bind指令给自组件传值 -->

    <!-- 2.2 通过v-on指令监听儿子发射过来的自定义事件 -->
    <ComSon :f-house="house" :f-car="car" @tell-father="getVal" />
  </div>
</template>

<script>
import ComSon from './ComSon.vue'
export default {
  components: {
    ComSon
  },
  data() {
    return {
      house: 200,
      car: '劳斯莱斯',
      songirl: '??'
    }
  },
  methods: {
    // 2.3 在事件的回调函数中，通过一个形参接受儿子传递过来的值
    getVal(v) {
      console.log('儿子在给我讲话', v)
      this.songirl = v
    }
  },
}
</script>

<style scoped>
div.father{
  color: red;
  font-size: 30px;
}
</style>